<template>
    <h3>5.事件处理</h3>
    <!-- v-on:可以简写成一个@符号 -->

    <!-- 内联事件处理方法 -->
    <button @click="num++">Add</button>
    <p>{{ num }}</p>

    <!-- 方法事件处理器 -->
    <button @click="addCount">Add</button>
    <p>{{ count }}</p>

</template>

<script>

    export default {
        data(){
            return{
                num:0,
                count:0
            }
        },
        methods:{
            addCount(e){
                //Vue中的event对象就是原生JS里的event对象
                e.target.innerHTML = "Add" + this.count;

                //data里的数据，要用this.来读取
                this.count++;
            }
        }
    }

</script>